<template>
  <div v-if="isFullscreen">
    <exit-full-screen @click="onClickFullScreenClose" :hasLabel="hasLabel" />
  </div>
  <div v-else>
    <full-screen @click="onClickFullScreen" :hasLabel="hasLabel" />
  </div>
</template>
<script setup>
import { useFullscreen } from '@vueuse/core'
import FullScreen from './menu-content-preview-model-button-full-screen.vue'
import ExitFullScreen from './menu-content-preview-model-button-exit-full-screen.vue'
/**
 * 外部参数
 */
let props = defineProps({
  content: {
    required: true,
  },
  hasLabel: {},
})
let { isFullscreen, enter, exit, toggle } = useFullscreen(props.content)
function onClickFullScreen() {
  enter()
}
function onClickFullScreenClose() {
  exit()
}
</script>
<style scoped lang="less"></style>
